* {
    padding: 0;
    margin : 0;
}

#container {
    height  : 100%;
    width   : 100%;
    position: fixed;
    z-index : 1;
}

#infoBox {
    position: absolute;
    background-color:#0b0b27;
    top: 0;
    right: 50px;
    color:#e0e0e0;
    padding:10px 10px;
    line-height: 22px;
    font-size:14px;
    margin: 10;
    width:400px;
    display:none;
    overflow-y:scroll;
    height:500px;
    z-index: 1;
}

.btns {
    position  : fixed;
    left      : 50%;
    transform : translateX(-50%);
    bottom    : 50px;
    height    : 36px;
    z-index   : 2;
    background: url('./static/images/tab_img_bg.png') no-repeat center;
    background-size: 100% 100%;

    li {
        float      : left;
        height     : 36px;
        width      : 50px;
        line-height: 36px;
        text-align : center;
        list-style : none;
        cursor     : pointer;
        color      : #fff;
        font-size  : 14px;
    }
}

.tree_container {
    position        : fixed;
    left            : 10px;
    top             : 10px;
    z-index         : 3;
    width           : 270px;
    height          : 340px;
    overflow-y      : auto;
    overflow-x      : hidden;
    background-color: #0b0b27;

    #treeDemo {}
}

.section_box {
    display  : none;
    position : fixed;
    left     : 50%;
    transform: translateX(calc(-93px));
    bottom   : 90px;
    z-index  : 2;

    li {
        height          : 36px;
        width           : 36px;
        line-height     : 36px;
        text-align      : center;
        list-style      : none;
        cursor          : pointer;
        background-color: rgb(2, 20, 48);
        color: rgb(0, 255, 221);  
        -webkit-text-stroke: 0.6px #000;  
        border          : 1px solid #fff;
        font-size       : 14px;
    }
}

.roam_box {
    position        : fixed;
    left            : 10px;
    bottom          : 10px;
    width           : 250px;
    background-color: rgb(11, 11, 39);
    color           : #fff;
    z-index         : 2;
    display         : none;
    font-size       : 12PX;
    padding         : 10px;

    li {
        padding-bottom: 10px;

        .hr {
            width           : 100%;
            height          : 1px;
            background-color: skyblue;
        }

        span {
            color  : skyblue;
            display: none;
        }

        button {
            border          : 1px solid skyblue;
            background-color: transparent;
            color           : skyblue;
            padding         : 2px;
            cursor          : pointer;
        }

        b {
            color   : skyblue;
            position: relative;
            bottom  : 2px;
        }
    }
}

.map_serve_box {
    display  : none;
    position : fixed;
    left     : 50%;
    transform: translateX(calc(57px));
    bottom   : 90px;
    z-index  : 2;

    li {
        height          : 36px;
        width           : 36px;
        line-height     : 36px;
        text-align      : center;
        list-style      : none;
        cursor          : pointer;
        border          : 1px solid #fff;
        font-size       : 14px;
    }
}

#loading{
    position:absolute;
    top:0;
    z-index:2;
    width:100%;
    height:100%;
    background-color: #0000004d;
}
.loading-image{
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50px;
    display:table;
    width:100%;
}